<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-wlaq" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="wlaq-m1 box">
        <common-title title="什么是网络安全" top="0.5" bottom="0.5"></common-title>
        <dl class="list flex-bect wrap">
          <dd v-for="(item, index) in m1" :key="index" class="item" :class="'item'+index">
            <div class="name">{{item.name}}</div>
            <div class="intro row5" v-html="item.intro"></div>
            <img :src="item.ico" class="ico" />
          </dd>
        </dl>
      </div>
      <div class="wlaq-m2 box">
        <common-title title="起步薪资高门槛低 经验与薪资成正比" top="0.15" bottom="0.5"></common-title>
        <dl class="list">
          <dd v-for="(item, index) in m2" :key="index" class="item" :class="'item'+index">
            <div class="name flex-ct">
              <div class="">
                <p v-for="(items, j) in item.name" :key="j">{{items}}</p>
              </div>
            </div>
            <div class="intro" v-html="item.intro"></div>
            <div class="btn flex-ct">{{item.zj}}</div>
          </dd>
        </dl>
      </div>
      <school-module></school-module>
      <form2-module tit="网络安全专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/21wlaq/banner.png',
        m1:[],
        m2:[],
        m3:[],
        m4:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = [
            {name:'卫星事故造成地面陷入混乱', intro:'电信、网络中断；物理和数字基础设施崩溃；每个系统都处于故障状态；每个人的生命都陷入危险之中……', ico:'./static/image/21wlaq/ico1.png'},
            {name:'中级技术职务', intro:'合规资源和机制不堪重负;企业安全运行成本增加…', ico:'./static/image/21wlaq/ico2.png'},
            {name:'人工智能恶意软件放大攻击者的能力', intro:'攻击者可以利用人工智能迅速发现和利用互联网漏洞，用于识别和清除恶意软件的传统技术将会失效…', ico:'./static/image/21wlaq/ico3.png'},
            {name:'针对联网车辆的攻击危及人身安全', intro:'所有联网车辆陷于危险;乘车人受到生命威胁;运输供应链将中断;事故责任划分难以确认…', ico:'./static/image/21wlaq/ico4.png'},
          ]
          this.m2 = [
            {name:'年龄竞争分析', zj:'总结 ：起步薪资高门槛低，经验与薪资成正比', intro:'因为行业人才输送与人才缺口的比例问题，网络安全对从业者经验要求偏低越来越多的行业从业者上升到一定阶段便再难进步，很容易被新人取代但网络安全与其他行业的可取代性不同，网络安全工程师将在未来几十年都处于紧缺状态，并且，对于防御黑客攻击，除了少数人靠天分，经验才是保证网络安全的第一法则。'},
            {name:'职业发展方向', zj:'总结 : 网络安全工程师就业渠道广，方向灵活', intro:'目前互联网、通信、新能源、房地产、金融证券电子技术等行业迫切需要网络安全人才，因为网络安全的重要性，每一行业同时又催生出不同的需求方向，从业者完全可以根据自己的喜好自主择业。与“黑客”相对，““白帽黑客”是高校培养的网络安全人才，被称为“信息安全保卫者”，他们是互联网世界的"守护者”，也是“互联网+”语境下不可或缺的中坚力量。'}
          ]
        }
        
      }
    })
  </script>
</body>
</html>